<template>
    <div style="width: 100%; height: 100%">
        <MainHeader class="slogan-header" backgroundColor="rgba(58, 98, 215,1)"></MainHeader>
        <div class="main-container-content contentBoxs">
            <el-row :gutter="10">
                <el-col :xs='24' :sm="24" :md="24" :lg="24" :xl="24">
                    <Commontitle title="学生教材" dec=""></Commontitle>
                </el-col>
            </el-row>
            <el-row :gutter="10">
                <el-col :xs='24' :sm="24" :md="24" :lg="24" :xl="24">
                    <el-form class="formBox formBox1" :model="queryParams" ref="queryForm" size="small" :inline="true"
                        label-width="100px">
                        <el-form-item label="教材名称" prop="nickName">
                            <el-input v-model="queryParams.nickName" placeholder="请输入编号" clearable style="width:240px"
                                @keyup.enter.native="handleQuery" @change="handleQuery" />
                        </el-form-item>
                        <el-form-item label="难度" prop="status" clearable>
                            <el-select v-model="queryParams.status" placeholder="选择状态" clearable filterable
                                style="width: 240px" @change="handleQuery">
                                <el-option v-for="dict in sysUseTypeArr" :key="dict.value" :label="dict.label"
                                    :value="dict.value" />
                            </el-select>
                        </el-form-item>
                       
                        <el-form-item label="类型" prop="nickName">
                            <el-select v-model="queryParams.status" placeholder="选择类型" clearable filterable
                                style="width: 240px" @change="handleQuery">
                                <el-option v-for="dict in sysUseTypeArr" :key="dict.value" :label="dict.label"
                                    :value="dict.value" />
                            </el-select>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
                        </el-form-item>
                    </el-form>
                </el-col>
            </el-row>
            <div class="lists_containers">
              
            </div>
        </div>



        <MainFooter :showFixed="true" backgroundColor="rgba(58, 98, 215, 1)" />
    </div>
</template>

<script>

export default {
    name: 'teachManageList',
    components: {

    },
    data() {
        return {
       
            // 查询参数
            queryParams: {
                pageNum: 1,
                pageSize: 10,
                nickName: undefined,
                phonenumber: undefined,
                status: undefined,

            },
          
            sysUseTypeArr: [
                { label: '类型1', value: '0' },
                { label: '类型2', value: '1' }
            ],

        };
    },
    mounted() {
        const { state } = this.$store;


    },
    computed: {
        device() {
            return this.$store.state.device
        }
    },
    methods: {
        handleQuery() {

        },
    
    },
};
</script>

<style scoped></style>



